<template>
  <!-- 预览 ==> 出价记录详情 -->
  <div>
    <el-table
      :data="tableData"
      style="width: 100%"
      border
      :header-cell-style="{
        'background-color': '#f5f5f5',
        color: '#a5a5a5',
      }"
    >
      <el-table-column
        prop="date"
        label="轮次"
        min-width="25%"
        align="center"
      />
      <el-table-column
        prop="name"
        label="出价时间"
        min-width="25%"
        align="center"
      />
      <el-table-column
        prop="address"
        label="出价额度"
        min-width="25%"
        align="center"
      />
      <el-table-column
        prop="address"
        label="溢价率"
        min-width="25%"
        align="center"
      />
      <!-- <div slot="empty" style="text-align: left">
        <el-empty description="哎呀，你是不是忘记查询啦！" />
      </div> -->
    </el-table>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive } from "vue";

// 表格数据
const tableData = [
  // {
  //   date: "2016-05-03",
  //   name: "Tom",
  //   address: "No. 189, Grove St, Los Angeles",
  // },
  // {
  //   date: "2016-05-02",
  //   name: "Tom",
  //   address: "No. 189, Grove St, Los Angeles",
  // },
  // {
  //   date: "2016-05-04",
  //   name: "Tom",
  //   address: "No. 189, Grove St, Los Angeles",
  // },
  // {
  //   date: "2016-05-01",
  //   name: "Tom",
  //   address: "No. 189, Grove St, Los Angeles",
  // },
] as any;
</script>

<style lang="scss" scoped></style>
